<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>角色管理</title>
<script language="javascript" type="text/javascript" src="/bfs/common/scripts/dynamicImportJs.js"></script>
<script type="text/javascript">
load([ "jquery-1.11.2", "easyUI-1.4.5", "permission","treeList" ,"basicCommon", "validate"]);
</script>
</head>
<body class="bfsbody">

	<script>
        //加载本页面的类    
        importScript("scripts/roleInfo.js");
    </script>

	<div class="n-main">
		<div class="n-content  n-boxsd marlf5" id="n-chart">
			<div class="n-dttitle n-boxsd wdth">

				<strong> <span>角色名称：</span>
				</strong> <input class="easyui-textbox" id="searchRoleName" /> <input id="searchRole" class="n-cmbtn n-gr marlf10" value="查询" type="button" onclick="roleInfo.loadData()" />
				<div style="float: right;margin-right: 15px;">
					<a href="#" class="easyui-linkbutton" id="add" data-options="iconCls:'icon-addUser',plain:'true',size:'large',iconAlign:'left'">添加</a>
					<a href="#" class="easyui-linkbutton" id="deletes" data-options="iconCls:'icon-deleteUser',plain:'true',size:'large',iconAlign:'left'" >批量删除</a>
				</div>
			</div>
			<div class="right-content n-boxsd" style="margin-top: 8px;">
				<div class="list">
					<div id="listDataEx1" style="width: 100%;"></div>
				</div>
				<div class="nolist" style="display: none;">
				<div class="nolist-content">
					<div class="nolist-con"></div>
					<span>对不起，系统无相关记录...</span>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 添加角色 -->
	<div id="createRoleDiv" class="easyui-window" style="width: 360px;" title="新增角色" minimizable="false" modal="true" collapsible="false" resizable="false" maximizable="false"
		closed="true">
		<div class="window-div">
			<form method="POST" id="createRoleForm">
				<table class="window-table">
					<tr class="window-tr">
						<td class="window-td">角色名称：</td>
						<td>
							<input id="addRoleName" class="easyui-textbox" type="text" name="roleName" data-options="required:true,validType:'maxLength[100]'" style="width: 160px" />
						</td>
					</tr>
					<tr class="window-tr">
						<td class="window-td">部门：</td>
						<td>
							<input id="addDeptId" name="deptId" style="width: 160px;" data-options="required:true">
						</td>
					</tr>
					<tr class="window-tr">
						<td  colspan="2" class="window-td">角色描述：</td>
					</tr>
					<tr class="window-tr">
						<td colspan="2" class="window-td" style="width: 262px">
							<input name="description" class="easyui-textbox" data-options="multiline:true,prompt:'请输入角色描述...',validType:'maxLength[100]'" value="" style="width: 262px; height: 60px">
						</td>
					</tr>
				</table>
			</form>
			<div class="op-btn">
				<a href="javascript:void(0)" class="n-cmbtn n-gr marlf20" id="submitCreateRole">保存</a>
				<a href="javascript:void(0)" class="n-cmbtn btn-border marlf20" id="cancelCreateRole">取消</a>
			</div>
		</div>
	</div>

	<!-- 修改角色 -->
	<div id="editRoleDiv" class="easyui-window" style="width: 360px;" title="修改角色" minimizable="false" collapsible="false" modal="true" resizable="false" maximizable="false" closed="true">
		<div class="window-div">
			<form method="POST" id="editRoleForm">
				<input type="hidden" name="roleId" id="editRoleId">
				<table class="window-table">
					<tr class="window-tr">
						<td class="window-td">角色名称：</td>
						<td>
							<input id="editRoleName" class="easyui-textbox" type="text" name="roleName" data-options="required:true,validType:'maxLength[100]'" style="width: 160px" />
						</td>
					</tr>
					<tr class="window-tr">
						<td class="window-td">部门：</td>
						<td>
							<input id="editDeptId" name="deptId" style="width: 160px;" data-options="required:true">
						</td>
					</tr>
					<tr class="window-tr">
						<td  colspan="2" class="window-td">角色描述：</td>
					</tr>
					<tr class="window-tr">
						<td colspan="2" class="window-td" style="width: 262px">
							<input name="description" class="easyui-textbox" data-options="multiline:true,prompt:'请输入角色描述...',validType:'maxLength[100]'" value="" style="width: 262px; height: 60px">
						</td>
					</tr>
				</table>
			</form>
			<div class="op-btn">
				<a href="javascript:void(0)" class="n-cmbtn n-gr marlf20" id="submitEditRole">保存</a>
				<a href="javascript:void(0)" class="n-cmbtn btn-border marlf20" id="cancelEditRole">取消</a>
			</div>
		</div>
	</div>
</body>
</html>
